<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>大数据平台</title>
    <link rel="stylesheet" href="frame/layui/css/layui.css">
    <link rel="stylesheet" href="./frame/static/css/style.css">
    <link rel="icon" href="./frame/static/image/code.png">
    <link rel="stylesheet" href="css/leaflet.css">
    <style>
        html, body, #map {
            height: 100%;
            padding: 0;
            margin: 0;
        }
        #forkongithub a{background:#000;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}#forkongithub a:hover{background:#c11;color:#fff;}#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}#forkongithub a::after{bottom:1px;top:auto;}@media screen and (min-width:800px){#forkongithub{position:fixed;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px;z-index:9999;}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8);}}
        .BMap_cpyCtrl
        {
            display:none;
        }
        .anchorBL{
            display:none;
        }

    </style>

</head>
<body>

<!-- layout admin -->
<div class="layui-layout layui-layout-admin"> <!-- 添加skin-1类可手动修改主题为纯白，添加skin-2类可手动修改主题为蓝白 -->
    <!-- header -->
    <div class="layui-header my-header">
        <a href="index.html">
            <!--<img class="my-header-logo" src="" alt="logo">-->
            <div class="my-header-logo">大数据平台</div>
        </a>
        <div class="my-header-btn">
            <button class="layui-btn layui-btn-small btn-nav"><i class="layui-icon">&#xe65f;</i></button>
        </div>

        <!-- 顶部左侧添加选项卡监听 -->
        <ul class="layui-nav" lay-filter="side-top-left">
            <!--<li class="layui-nav-item"><a href="javascript:;" href-url="demo/btn.html"><i class="layui-icon">&#xe621;</i>按钮</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;"><i class="layui-icon">&#xe621;</i>基础</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" href-url="demo/btn.html"><i class="layui-icon">&#xe621;</i>按钮</a></dd>
                    <dd><a href="javascript:;" href-url="demo/form.html"><i class="layui-icon">&#xe621;</i>表单</a></dd>
                </dl>
            </li>-->
        </ul>

        <!-- 顶部右侧添加选项卡监听 -->
        <ul class="layui-nav my-header-user-nav" lay-filter="side-top-right">
            <li class="layui-nav-item">
                <a class="name" href="javascript:;"><img src="./frame/static/image/code.png" alt="logo"> 个人中心 </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;"><i class="layui-icon">&#xe770;</i>当前用户：Tenant Admin</a></dd>
                    <dd><a href="javascript:;"><i class="layui-icon">&#xe60b;</i>用户等级：TENANT_ADMIN</a></dd>
                    <dd><a href="/"><i class="layui-icon">&#x1006;</i>退出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="/"><i class="layui-icon">&#xe68e;</i>返回上一级</a>
            </li>
        </ul>

    </div>
    <!-- side -->
    <div class="layui-side my-side">
        <div class="layui-side-scroll">
            <!-- 左侧主菜单添加选项卡监听 -->
            <ul class="layui-nav layui-nav-tree" lay-filter="side-main">
                <li class="layui-nav-item">
                    <a href="javascript:;" href-url="demo/deviceinfo.html"><i class="layui-icon">&#xe620;</i>数据展示</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe628;</i>ETL</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" href-url="demo/ETLexisted.html"><i class="layui-icon">&#xe621;</i>已有数据ETL</a></dd>
                        <dd><a href="javascript:;" href-url="demo/ETLupdate.html"><i class="layui-icon">&#xe62f;</i>上传数据ETL</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe857;</i>数据分析</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" href-url="demo/dataanaylsis.html"><i class="layui-icon">&#xe62c;</i>常规分析</a></dd>
                        <dd><a href="javascript:;" href-url="demo/dataSQL.html"><i class="layui-icon">&#xe62d;</i>SQL</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe64c;</i>数据预测</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" href-url="demo/dataforecast.html"><i class="layui-icon">&#xe636;</i>数据预测</a></dd>
                        <dd><a href="javascript:;" href-url="demo/modelforecast.html"><i class="layui-icon">&#xe631;</i>模型管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe670;</i>数据挖掘</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" href-url="demo/datamining.html"><i class="layui-icon">&#xe609;</i>数据挖掘</a></dd>
                        <dd><a href="javascript:;" href-url="demo/modelmining.html"><i class="layui-icon">&#xe631;</i>模型库管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe631;</i>高级工具</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" href-url="demo/datamining.html"><i class="layui-icon">&#xe635;</i>线上开发</a></dd>
                    </dl>
                </li>
            </ul>

        </div>
    </div>

    <!-- body -->
    <div class="layui-body my-body">
        <div class="layui-tab layui-tab-card my-tab" lay-filter="card" lay-allowClose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="1"><span><i class="layui-icon">&#xe638;</i>首页</span></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div style="width: 25%;height: 62%;float: left;margin-left: 1px">
                        <div id="main1" style="width: 100%;height: 50%;float: left;background: black;border:1px dotted grey;"></div><!--左1-->
                        <div id="main2" style="width: 100%;height: 50%;float: left;background: black;border:1px dotted grey;"></div><!--左2-->
                    </div>

                    <div id="map" style="width: 49%;height: 62%;float: left;margin-left: 2px; background: black"></div><!--============-->

                    <div style="width: 25%;height: 62%;float: left;">
                        <div id="main3" style="width: 100%;height: 50%;float: left;background: black;border:1px dotted grey;"></div><!--右1-->
                        <div id="main4" style="width: 100%;height: 50%;float: left;background: black;border:1px dotted grey;"></div><!--右2-->
                    </div>

                    <div id="main5" style="width: 25%;height: 36%;float: left;background: black;border:1px dotted grey;margin-top: 3px;margin-left: 1px"></div><!--左3-->

                    <div style="width: 49%;height: 36%;float: left;background: black;">
                        <div id="main6" style="width: 33.3%;height: 90%;float: left;margin-top:4%; background: black"></div><!--中间下方  左1-->
                        <div id="main7" style="width: 33.3%;height: 90%;float: left;margin-top:4%; background: black"></div>
                        <div id="main8" style="width: 33.3%;height: 90%;float: left;margin-top:4%; background: black"></div>
                    </div>

                    <div id="main9" style="width: 25%;height: 36%;float: left;background: black;border:1px dotted grey;;margin-top: 3px"></div><!--右3-->

                    <div class="waiting" id="YWaitDialog">
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <div class="spinner">
                            <div class="spin">
                                <div class="branch"></div>
                                <div class="branch"></div>
                                <div class="branch"></div>
                            </div>
                        </div>
                        <h1 style="color: #F88863">loading</h1>
                    </div>
                </div>
                <!--大数据信息首页展示-->
                <!--结束end-->
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="layui-footer my-footer">
        
    </div>
</div>

<!-- pay -->
<div class="my-pay-box none">
    <div><img src="./frame/static/image/zfb.png" alt="支付宝"><p>支付宝</p></div>
    <div><img src="./frame/static/image/wx.png" alt="微信"><p>微信</p></div>
</div>

<!-- 右键菜单 -->
<div class="my-dblclick-box none">
    <table class="layui-tab dblclick-tab">
        <tr class="card-refresh">
            <td><i class="layui-icon">&#x1002;</i>刷新当前标签</td>
        </tr>
        <tr class="card-close">
            <td><i class="layui-icon">&#x1006;</i>关闭当前标签</td>
        </tr>
        <tr class="card-close-all">
            <td><i class="layui-icon">&#x1006;</i>关闭所有标签</td>
        </tr>
    </table>
</div>

<script type="text/javascript" src="frame/layui/layui.js"></script>
<script type="text/javascript" src="./frame/static/js/vip_comm.js"></script>
<script type="text/javascript">
layui.use(['layer','vip_nav'], function () {

    // 操作对象
    var layer       = layui.layer
        ,vipNav     = layui.vip_nav
        ,$          = layui.jquery;

    // 顶部左侧菜单生成 [请求地址,过滤ID,是否展开,携带参数]
    vipNav.top_left('./json/nav_top_left.json','side-top-left',false);
    // 主体菜单生成 [请求地址,过滤ID,是否展开,携带参数]
    vipNav.main('./json/nav_main.json','side-main',false);

    // you code ...


});
</script>
<script type="text/javascript">
    document.getElementById("YWaitDialog").setAttribute("style","display:flex;");
</script>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/common.js"></script>
<script src="js/getUrlParam.js"></script>
<script src="js/starttoend.js"></script>
<!--<script src="js/main.min.js"></script>
<script src="js/map.js"></script>-->
<script src="http://api.map.baidu.com/api?v=2.0&ak=53oVIOgmSIejwV7EfphPgTynOZbIiVYu"></script>
<script src="js/echarts.min.js"></script>
<script src="js/bmap.js"></script>
<script src="js/mapjson.js"></script>
<script src="js/map1.js"></script>
<script src="js/dark.js"></script>
<script src="js/start.js"></script>
<script type="text/javascript">
    document.getElementById("YWaitDialog").setAttribute("style","display:none;");
</script>

</body>
</html>